<nz-layout>
  <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzCollapsedWidth]="0" [nzBreakpoint]="'lg'">
    <div class="logo">
      <a [routerLink]="['/index']" routerLinkActive="router-link-active"> <img src="../../assets/images/logo.png" style="width: 168px;height: 32px;"></a>
    </div>
    <ul nz-menu [nzTheme]="'dark'" [nzMode]="isCollapsed?'vertical':'inline'">
      <li nz-menu-item><span class="nav-text"><a routerLink="/index/miui">米柚数据列表</a></span></li>
      <li nz-menu-item><span class="nav-text"><a [routerLink]="['/index/miuicard']" routerLinkActive="router-link-active">米柚数据卡片</a></span>
      </li>
      <li nz-menu-item><span class="nav-text"><a [routerLink]="['/index/chat']" routerLinkActive="router-link-active">聊天</a></span></li>
      <li nz-menu-item><span class="nav-text"><a [routerLink]="['/index/newchat']" routerLinkActive="router-link-active">光线数据</a></span></li>
    </ul>
  </nz-sider>
  <nz-layout>
    <nz-header style="background: #fff; padding:0;" class="header">
    <div nz-row nzType="flex">
      <div nz-col nzSpan="8" ></div>
      <div nz-col nzSpan="8"></div>

    </div>
    </nz-header>
    <nz-content style="margin:24px 16px 0;">
      <router-outlet></router-outlet>
    </nz-content>
    <nz-footer style="text-align: center;">Free DataPlatform ©2018 Copyright</nz-footer>
  </nz-layout>
</nz-layout>